<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" charset="utf-8" src="common/js/framework.js"></script>
    <script type="text/javascript" charset="utf-8" src="common/js/navbar.js"></script>
    <script type="text/javascript" charset="utf-8" src="common/js/copyright.js"></script>

    <link rel="stylesheet" href="common/css/scp.css" type="text/css"/>
    <!-- 私有 -->
    <link rel="stylesheet" href="index/css/index.css" type="text/css"/>
<!--    <link href="/album/css/albumIndex.css" rel="stylesheet" type="text/css">-->

    <script type="text/javascript" charset="utf-8" src="index/js/index.js"></script>
<!--    <script type="text/javascript" charset="utf-8" src="/album/js/albumIndex.js"></script>-->

    <script>
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1'
                , width: '100%' //设置容器宽度
                , height: '750px'
                , arrow: 'always' //始终显示箭头
                , autoplay: true
                , arrow: 'hover'
            });
        });
    </script>
</head>
<body>
<div class="layui-carousel" id="test1">
    <div carousel-item>
        <div>
            <img src="/index/image/20040Q24522-1.jpg" style="height:100%;width: 100%;" alt="First slide">
            <div class="banner-bd section-content"
                 style="position: absolute;top: 50%;width: 100%;">
                <h1 style="color: white;text-align: center;font-size: 60px;font-family: 隶书;">天街小雨润如酥</h1>
            </div>
        </div>
        <div>
            <img src="/index/image/20040Q24522-5.jpg" style="height:100%;width: 100%;" alt="First slide">
            <div class="banner-bd section-content"
                 style="position: absolute;top: 50%;width: 100%;">
                <h1 style="color: white;text-align: center;font-size: 60px;font-family: 隶书;">草色遥看近却无</h1>
            </div>
        </div>
        <div>
            <img src="/index/image/20040Q24522-8.jpg" style="height:100%;width: 100%;" alt="First slide">
            <div class="banner-bd section-content"
                 style="position: absolute;top: 50%;width: 100%;">
                <h1 style="color: white;text-align: center;font-size: 60px;font-family: 隶书;">最是一年春好处</h1>
            </div>
        </div>
        <div>
            <img src="/index/image/161202121508-2.jpg" style="height:100%;width: 100%;" alt="First slide">
            <div class="banner-bd section-content"
                 style="position: absolute;top: 50%;width: 100%;">
                <h1 style="color: white;text-align: center;font-size: 60px;font-family: 隶书;">绝胜烟柳满皇都</h1>
            </div>
        </div>
    </div>
</div>

<div class="photoListWrapper" id="albumListId">
    <div class="albumListNull" v-cloak v-if="albumList.length == 0">暂无相册</div>
    <h1 style="margin-bottom: 20px;">热门相册</h1>
    <ul class="photoList" v-if="albumList.length != 0">
        <li v-for="(album,index) in albumList"
            class="list-item"
            @mouseenter="photoListEnter(index)"
            @mouseleave="photoListLeave(index)"
            :key="index"
            v-if="index<5"
        >
            <div class="list-item-wrapper">
                <div style="height: 150px; position: relative;">
                    <img  class="list-item-hot-icon" src="/album/image/hot.png" alt="">
                    <a class="albumImageLink">
                        <img class="photoCover" :src="album.imageUrl" alt="photo4">
                        <span class="pic-num-wrap">
                            <span class="photoNumber">{{album.imageCount}}</span>
                        </span>
                    </a>
                </div>
            </div>
            <div class="caption">
                <a :href="album.showAlbumUrl" class="photoName" :title="'用户名：'+album.username+'点赞数：'+album.primarirycount" role="link">用户名：{{album.username}} 点赞数：{{album.primarirycountTotal}}</a>
                <div class="editWrapper">
                </div>
            </div>
            <a class="photoListIntro" title="查看照片" v-show="album.isShow" :href="album.showAlbumUrl">
                <h4 class="introTitle" style="margin-top: 10px;">相册介绍:</h4>
                <p class="introText" >{{album.albumintro}}</p>
            </a>
            <div class="privateAlbum" v-if="album.albumpower == '0'">
                <span class="privateAlbumText">私密</span>
            </div>
        </li>
    </ul>
</div>

<div id="navbottomBarId"></div>

</body>
</html>